<template>
   <div class="goods-info">
        <div class="goods-image">
            <img v-lazy="goodsImage" width="90%" />
        </div>
        <div class="goods-name">{{goodsName}}</div>
        <div class="goods-price">￥{{goodsPrice | moneyFilter }}</div>
    </div>
</template>

<style  scoped>
    .goods-name{
         padding: 0 8px;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space:nowrap; 
    }
</style>


<script>
import {toMoney} from '@/filter/moneyFilter';
export default {
    props: ['goodsImage','goodsPrice','goodsName'],
    filters: {
        moneyFilter(money){
            return toMoney(money);
        }
    }
}
</script>